<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>BEIS - 注册</title>

<link href="../css/bootstrap-combined.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/layoutit.css" rel="stylesheet" type="text/css">
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="../js/jquery-2.0.0.min.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/jquery.htmlClean.js"></script>
<!-- <script src="../js/scripts.js"></script> -->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/register.js"></script>

<style>
/**  
                     * 设置背景图全屏覆盖及固定  
                     * 设置内部元素偏移  
                     */
body {
	/*此处背景图自行替换*/
	background: url('../img/login.png') no-repeat center center fixed;
	background-size: cover;
	min-height: 100vh;
	box-sizing: border-box;
	margin: 0;
	padding-top: calc(50vh - 6em);
	font: 150%/1.6 Baskerville, Palatino, serif;
}

/**  
                     * 整体居中功能；  
                     * 背景透明虚化  
                     * 溢出隐藏  
                     * 边缘圆角化  
                     * 文字增加淡阴影  
                     */
.description {
	position: relative;
	margin: 0 auto;
	padding: 1em;
	max-width: 23em;
	background: hsla(0, 0%, 100%, .25) border-box;
	overflow: hidden;
	border-radius: .3em;
	box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .3) inset, 0 .5em 1em
		rgba(0, 0, 0, 0.6);
	text-shadow: 0 1px 1px hsla(0, 0%, 100%, .3);
}

/*使用滤镜模糊边缘*/
.description::before {
	content: '';
	position: absolute;
	top: 0;
	rightright: 0;
	bottombottom: 0;
	left: 0;
	margin: -30px;
	z-index: -1;
	-webkit-filter: blur(20px);
	filter: blur(20px);
}
</style>

</head>
<body style="margin:0;">
	<div align="center" class="description" id="content"></div>

</body>
</html>